<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Map Test</title>
    <style type="text/css" title="currentStyle" media="screen">
     @import "css/map.css";
    </style> 
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAP_ySLpIe6wJ_yJ9ebqJnDBQ9nvyrv4eBIi-Ax8x25nTdojzm_BSq3TtGOLS3gCQs7ziXAvHqsCHMEw&amp;sensor=false&amp;" type="text/javascript"></script>
    <script type="text/javascript" src="js/lib/jquery.1.3.js"></script>
    <script type="text/javascript" src="js/lib/jquery.address-1.0.js"></script>
    <script type="text/javascript" src="js/hivemaps/hivemapsclusterer.js"></script>
    <script type="text/javascript" src="js/hivemaps/hivemapsmarker.js"></script>
    <script type="text/javascript" src="js/lib/countrycodes.iso3166.js"></script>
    <script type="text/javascript" src="js/hivemaps/hiveutils.js"></script>
    <script type="text/javascript" src="js/hivemaps/hivemaps_optimized.js"></script>
    <script type="text/javascript" src="js/hivemaps/hivegeoutils.js"></script>
    <script type="text/javascript" src="js/hivemaps/hivegeocoder_google.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
  </head>
  <body>
    <div id="mapPanel">
      <a name="mapPanel"></a>
      <h1>Map of Actions</h1>
      <div id="mapSearchPanel">
        <form id="mapSearchForm" action="#" method="GET">
          <input id="mapSearch" type="text" name="search" />
          <input type="submit" value="Search" />
        </form>
      </div>
      <div id="mapZoomPanel">
        <b>Zoom:</b>
        <a rel="world">World</a>
        <a rel="africa">Africa</a>
        <a rel="asia">Asia</a>
        <a rel="europe">Europe</a>
        <a rel="northamerica">North America</a>
        <a rel="southamerica">South America</a>
        <a rel="oceania">Pacific</a>
      </div>
      <div id="map" class="map"></div>
      <div id="mapEmbed">
        <div>Embed: <input type="text" id="mapEmbedCode" onclick="CUSTOMMAP.embedCodeClick()" onfocus="this.select()" value="" /></div>
        <div id="mapEmbedOptions"><input id="mapEmbedOptionsZoom" type="checkbox" onchange="CUSTOMMAP.updateEmbedCode(this.checked)" checked /> Zoom to current location</div>
    </div>
    
    <div id="mapListPanel">
      <div id="actionsCount"></div>
      <div id="markerListTable">
        <div id="markerListHeader" class="row"><div class="title">Action Name</div><div class="city">City</div><div class="country">Country</div><div class="clear"></div></div>
        <div id="markerList" class="row">
          <div class="loading"></div>
        </div>
      </div>
    </div>
    
    <script type="text/javascript">
      jQuery(function($){
        CUSTOMMAP.createMap('map');
      });
    </script>
  </body>
</html>